<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>选项卡</title>
		<style>
			#div1 input{
				background: white;
			}
			#div1 input.active{
				background:yellow;
			}
			#div1 div{
				padding: 10px 10px;
				width: 203px;
				height: 150px;
				background: #ccc;
				display: none;
			}
			#div1 div.active{
				display: block;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<input type="button" value="前端开发" />
		</div>
	</body>
</html>
